<template>
  <div>
    <div v-if="activeData.textConfig">
      <el-form-item :label="$t('formgen.formPagination.prevBtnTextLabel')">
        <el-input v-model="activeData.textConfig.prevBtnText" />
      </el-form-item>
      <el-form-item :label="$t('formgen.formPagination.nextBtnTextLabel')">
        <el-input v-model="activeData.textConfig.nextBtnText" />
      </el-form-item>
    </div>
    <div v-if="activeData.btnSize">
      <el-form-item :label="$t('formgen.formPagination.btnSizeLabel')">
        <el-radio-group v-model="activeData.btnSize">
          <el-radio label="small">
            {{ $t("formgen.formPagination.btnSmallSizeLabel") }}
          </el-radio>
          <el-radio label="default">{{ $t("formgen.formPagination.btnDefaultSizeLabel") }}</el-radio>
          <el-radio label="large">{{ $t("formgen.formPagination.btnLargeSizeLabel") }}</el-radio>
        </el-radio-group>
      </el-form-item>
    </div>
  </div>
</template>
<script>
export default {
  name: "ConfigItemPagination"
};
</script>
<script setup>
defineProps({
  activeData: {
    type: Object,
    default: () => {}
  }
});
</script>
<style lang="scss" scoped></style>
